<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <script src="js/JQuery/jquery-2.0.3.js"></script>
    <script src="js/lib/echarts.js"></script>

    <!--<link href="js/arcgis_js_api/library/3.24/3.24/dijit/themes/tundra/tundra.css" rel="stylesheet" />
    <link href="js/arcgis_js_api/library/3.24/3.24/esri/css/esri.css" rel="stylesheet" />
    <link href="js/arcgis_js_api/library/3.24/3.24/dijit/themes/nihilo/nihilo.css" rel="stylesheet" />
    <script src="js/arcgis_js_api/library/3.24/3.24/init.js"></script>-->

    <link href="js/arcgis_js_api/library/4.15//4.15/esri/css/main.css" rel="stylesheet" />
    <script src="js/arcgis_js_api/library/4.15/4.15/init.js"></script>
    <script src="js/user_js/config.js"></script>

    <script>
        require([
            "esri/Basemap",
            "esri/Map",
            "esri/Graphic",
            "esri/core/urlUtils",

            "esri/views/MapView",
            "esri/views/layers/LayerView",

            "esri/layers/TileLayer",
            "esri/layers/MapImageLayer",
            "esri/layers/FeatureLayer",
            "esri/layers/GraphicsLayer",

            "esri/tasks/QueryTask",
            "esri/tasks/support/Query",

            "esri/geometry/Extent",

            "dojo/dom",
            "dojo/on",
            "dojo/domReady!"
        ], function(
            Basemap,
            Map,
            Graphic,
            urlUtils,

            MapView,
            LayerView,

            TileLayer,
            MapImageLayer,
            FeatureLayer,
            GraphicsLayer,
            QueryTask,
            Query,
            Extent,
            dom,
            on
        ) {

            //创建地图,设置边框的范围
            var startExtent = new Extent({
                xmin: config.mapconfig.pgkhExtent.min_x,
                ymin: config.mapconfig.pgkhExtent.min_y,
                xmax: config.mapconfig.pgkhExtent.max_x,
                ymax: config.mapconfig.pgkhExtent.max_y,
                spatialReference: {
                    wkid: config.mapconfig.mapwkid
                }
            });

            //创建地图-底图
            var basemap = new Basemap({
                baseLayers: [
                    new TileLayer({
                        url: "http://www.fqghj.net:8887/arcgis/rest/services/DZDT2012/MapServer"
                    })
                ],
                title: "basemap",
                id: "basemap"
            });

            map = new Map({
                basemap: basemap
            });

            var view = new MapView({
                container: "map",
                map: map,
                zoom: 3,
                Extent: startExtent,
            });
            //移除右下角logo
            view.ui._removeComponents(["attribution"]);
            //移除缩放小部件
            view.ui.remove("zoom");
        });
    </script>

</head>

<body>
    <!--地图-->
    <div id="map" style="height: 700px; margin-top: 20px;"></div>
</body>

</html>